<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			.y-box {
				width: 100%;
				height: 530px;
				margin: 0 auto;
			}
			
			.y-box1 {
				width: 96%;
				height: 100%;
				margin: 0 auto;
				height: 300px;
			}
			
			.y_ul {
				overflow: hidden;
				width:400px;
				overflow: hidden;
				border: 1px solid #cccccc;
				margin-bottom: 30px;
			}
			
			.y_ul li {
				font-size: 12px;
				color: #000000;
				float: left;
				padding: 5px 20px;
				border-right: 1px solid #cccccc;
			}
			
			.div_y>div {
				float: left;
				margin-right: 20px;
			}
			
			.y-box1 {
				padding: 50px 0;
			}
			table{
				width: 100%; 
				text-align: center; 
				margin-top: 30px;
			}
			.nw{
				font-size: 14px;
				color: #000;
			}
			td{
				font-size: 13px;
				color: #000;
			}
		</style>
	</head>

	<body>
		<div class="y-box">
			<div class="y-box1">
				<div style="width: 100%;">
					<ul class="y_ul">
						<li>新增</li>
						<li>修改</li>
						<li>删除</li>
						<li>置顶</li>
						<li style="border: 0;">取消置顶</li>
					</ul>
				</div>

				<div id="y_con">
					<div class="div_y" style="width: 100%; overflow: hidden;">
						<div class="nw">专题ID：<input type="text" style="border: none; width: 60px; border-bottom: 1px solid #cccccc;" /></div>
						<div class="nw">专题名称：<input type="text" style="border: none; width: 60px; border-bottom: 1px solid #cccccc;" /></div>
						<div class="nw">状态：
							<select style="width: 50px;">
								<option></option>
							</select>
						</div>
						<div class="nw">频道：
							<select style="width: 50px;">
								<option></option>
							</select>
						</div>
						<button style="float: left; border: none; width: 60px; padding: 5px; border: 1px solid #cccccc;text-align: center; font-size: 14px; border-radius: 10px; background:#ffffff;">搜索</button>
					</div>
					<table border="1" cellspacing="0" cellpadding="0" >
						<tr>
							<td>选择</td>
							<td>ID</td>
							<td>标题</td>
							<td>状态</td>
							<td>频道</td>
							<td>文章数</td>
							<td>创建时间</td>
							<td>操作</td>
							<td>。。。</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td>1</td>
							<td>专题xxxxxxxxx</td>
							<td>待审核</td>
							<td>时事</td>
							<td>3</td>
							<td>2018-11-2 13:25:01</td>
							<td>查看编辑文章</td>
							<td></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td>2</td>
							<td>专题xxxxxxxxx</td>
							<td>有更新</td>
							<td>财经</td>
							<td>5</td>
							<td>2018-11-2 13:25:01</td>
							<td>查看编辑文章</td>
							<td></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td>3</td>
							<td>专题xxxxxxxxx</td>
							<td>已发布</td>
							<td>旅游</td>
							<td>7</td>
							<td>2018-11-2 13:25:01</td>
							<td>查看编辑文章</td>
							<td></td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</body>
</html>